<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<title>Demo1</title>
</head>
<body>
	<table id="table1">
	<caption>TABLE01</caption> 
		<thead>
			<tr>
				<th></th>
				<th>星期一</th>
				<th>星期二</th>
				<th>星期三</th>
				<th>星期四</th>
				<th>星期五</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td><input type="checkbox"></input></td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
			</tr>
			<tr>
				<td><input type="checkbox"></input></td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
			</tr>
			<tr>
				<td><input type="checkbox" checked="checked"></input></td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
			</tr>
			<tr>
				<td><input type="checkbox"></input></td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
			</tr>
		</tbody>
		<table id="table2">
	<caption>TABLE02</caption> 
		<thead>
			<tr>
				<th></th>
				<th>星期一</th>
				<th>星期二</th>
				<th>星期三</th>
				<th>星期四</th>
				<th>星期五</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td><input type="checkbox"></input></td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
			</tr>
			<tr>
				<td><input type="checkbox"></input></td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
			</tr>
			<tr>
				<td><input type="checkbox"></input></td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
			</tr>
			<tr>
				<td><input type="checkbox"></input></td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
				<td>demo</td>
			</tr>
		</tbody>
	</table>

	<script src="js/jquery-1.11.3.min.js"></script>
	<script src="js/alterBgColor.js"></script>
	<script>
		$("#table1").alterBgColor();
	</script>
</body>
</html>